<template>
    <div class="trainPlanStuff">
      <el-form ref="form" :model="form" label-width="80px">
        <el-form-item label="课程编号">
          <el-input v-model="form.courseId"></el-input>
        </el-form-item>
        <el-form-item label="课程名称">
          <el-input v-model="form.courseName"></el-input>
        </el-form-item>
        <el-form-item label="英文名称">
          <el-input v-model="form.EnglishName"></el-input>
        </el-form-item>
        <el-form-item label="课程平台">
          <el-input v-model="form.coursePlatform"></el-input>
        </el-form-item>
        <el-form-item label="课程性质">
          <el-select v-model="form.courseProperty" placeholder="请选择课程性质">
            <el-option label="考试课" value="shanghai"></el-option>
            <el-option label="考察课" value="beijing"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="课程类别">
          <el-input v-model="form.courseClass"></el-input>
        </el-form-item>
        <el-form-item label="学分">
          <el-input v-model="form.courseCredit"></el-input>
        </el-form-item>
        <el-form-item label="学时">
          <el-input v-model="form.courseHours"></el-input>
        </el-form-item>
        <el-form-item label="学时分配" class="css-plus">
          <el-checkbox-group v-model="form.assign">
            <el-checkbox label="授课" name="type">
            </el-checkbox>
            <el-checkbox label="上机" name="type"></el-checkbox>
            <el-checkbox label="实验" name="type"></el-checkbox>
            <el-checkbox label="实践" name="type"></el-checkbox>
          </el-checkbox-group>
        </el-form-item>
        <el-form-item label="学期">
          <el-select v-model="form.schoolTerm" placeholder="请选择学期">
            <el-option label="1" value="shanghai"></el-option>
            <el-option label="2" value="beijing"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="学年">
          <el-col :span="11">
            <el-date-picker
              v-model="form.dateFirst"
              style="width: 100%"
              align="right"
              type="year"
              placeholder="选择年">
            </el-date-picker>
            <!--<el-date-picker type="date" placeholder="选择日期" v-model="form.date1" style="width: 100%;"></el-date-picker>-->
          </el-col>
          <el-col class="line" :span="2" style="text-align:center">-</el-col>
          <el-col :span="11">
            <el-date-picker
              v-model="form.dateSecond"
              style="width: 100%"
              align="right"
              type="year"
              placeholder="选择年">
            </el-date-picker>
          </el-col>
          <!--<el-col class="line" :span="2">-</el-col>
          <el-col :span="11">
            <el-time-picker type="fixed-time" placeholder="选择时间" v-model="form.date2" style="width: 100%;"></el-time-picker>
          </el-col>-->
        </el-form-item>
        <el-form-item label="每周学时">
          <el-input v-model="form.weekHours"></el-input>
        </el-form-item>
        <el-form-item label="计分方式">
          <el-select v-model="form.scoringPattern" placeholder="请选择计分方式">
            <el-option label="百分制" value="shanghai"></el-option>
          </el-select>
        </el-form-item>

        <el-form-item label="能力要求">
          <el-input v-model="form.ableClaim"></el-input>
        </el-form-item>

        <el-form-item>
          <el-button type="primary" @click="onSubmit">保存</el-button>
          <el-button>取消</el-button>
        </el-form-item>
      </el-form>
    </div>
</template>
<style>
  .css-plus .el-icon-plus:before {
    top:0;
    left:0;
    /*
      怎么删除一下这属性=-=。
    */
  }
</style>
<script>
    export default{
        name : 'trainPlanStuff',
        data(){
            return{
                form: {
                    courseId: 'KC0001',
                    courseName: '计算机组成原理',
                    EnglishName: 'EnglishName',
                    coursePlatform: 'coursePlatform',
                    courseProperty: '',
                    courseClass: 'courseClass',
                    courseCredit: '1-4',
                    courseHours: '',
                    assign: [],
                    schoolTerm: '',
                    dateFirst: '',
                    dateSecond: '',
                    weekHours: '4',
                    scoringPattern: '',
                    ableClaim: 'ableClaim',
                }
            }
        },
        components:{
        }
    }
</script>
